/* 
    Document   : base
    Created on : Dec 5, 2011, 12:56:35 PM
    Author     : emilio
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
body:{
    margin: 0;
    background-color: black;
    overflow-x: hidden;
    /*background-image: url('../imagenes/fondobp2.jpg');*/
    /*font-family: sans-serif;*/
    /*background-position:0px 187px;*/
    font-family: 'Geneva', sans-serif;
    /*background-image: url('../imagenes/fondobp2.jpg');*/
}
a{
    text-decoration: none;
}
h1{
    color: #624933;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: lighter;
}
.contenidoTexto{
    text-align: justify;
    font-family: 'Josefin Sans', sans-serif;
    padding: 10px;
    height: 300px;
    max-height: 300px;
    overflow-y:auto; 
    overflow-x:hidden;
}
.contenido{
    position: relative;
    margin: 0 auto;
    width: 1024px;
    padding: 0px;

}
.imagenC{
    position: absolute;
    width: 1600px;
    top: 0px;
    left: 50%;
    margin-left: -800px;

}
.imagenBP{
    position: absolute;

    top: 0px;
    left: 50%;
    margin-left: -800px;

}
/*.imagenFondoContenido1{
    background-image: url('../imagenes/fondobp2.jpg');


}*/
.menuSuperior{
    position: relative;
    width: 100%;
    height: 188px;
    /* background-image: url('../imagenes/fondoFoto1.jpg');*/
}
.contMenuSuperior{
    position: absolute;
    top: 152px;
    bottom: 0px;
    background-image: url('../imagenes/textGris.png');
    width: 100%;
    height: 34px;

    font-family: 'Josefin Sans', sans-serif;
    font-size: xx-large;
    color: #63636a;
}
.contMenuInferior{
    position: fixed;
    bottom: 15px;
    background-image: url('../imagenes/textGris.png');
    width: 100%;
    height: 34px;

}
.contenidoMenuSup{
    position: relative;
    margin: 0px auto;
    width: 900px;
    /*    top: -60px;*/
    z-index: 5
}
.minCarros{
    float:left;
    position: relative;
    top: -60px;

}
.iconoM{
    position: absolute;
    top: -2px;
    float: left;
    width: 0px;
    right:190px;
    z-index: 10;
}
.iconoFB{
    position: absolute;
   
    top: 1px;
    float: left;
    right: 90px;
    z-index: 10;
}
.iconoTW{
    position: absolute;
    top:3px;
    float: left;
    right: 40px;
    z-index: 10;
}
.contenidoMenuInftxt{
    position: relative;
    margin: 0px auto;
    width: 100%;
    top: 12px;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 12px;
    text-align: center;
    color: #f0c040;
}
.contenidoMenuInf{
    position: relative;
    margin: 0px auto;
    /*width: 800px;*/
    right: -260px;
    top: -80px;
}
.menuIzq{
    border: solid 1px #4c4138;
    color: #a59e9d;
    text-transform: uppercase; 
    top: 35px;
    left: 0px;
    position: absolute;
    background-image: url('../imagenes/textMadera1.png'); 
    width: 196px;
    height: 316px
}
.menuIzq a{
    color: #a59e9d;
    font-size: 11px;
    text-decoration: none;
}
/*.menuIzq ul{
    list-style-type:none;
    margin-left: 0px;
    padding-left: 10px;

}*/
.menuDerecha li {
    margin-bottom: 17px;
}
.menuCentral{
    padding: 20px;
    color: #a59e9d;
    border: solid 1px #4c4138;
    top: 35px;
    left: 206px;
    position: absolute;
    background-image: url('../imagenes/textMadera2.png'); 
    width: 574px;
    max-height: 425px;
    overflow-y:auto;
    overflow-x:hidden; 
    height: 413px;
}
.menuDerecha {
    border: solid 1px #4c4138;
    top: 35px;
    right: 0px;
    position: absolute;
    /*background-image: url('../imagenes/textMadera3.png');*/ 
    width: 196px;
    height: 316px;
}
.menuDerechaText{
    top: 35px;
    right: 0px;
    position: absolute;
    background-image: url('../imagenes/textMadera3.png'); 
    width: 196px;
    height: 31px;
    color: #a59e9d;
    font-size: 11px;
    text-decoration: none;
    text-align:center;
    line-height:310%;
}
.logo{
    position: relative;
    top: 30px;
    width: 200px;
    height: 105px;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.contendorFicha{
    position: relative;
    float: right;
    width: 100%;
}
.fichaCarroMin{
    background-color: #130200;
    position: relative;
    margin-right: 5px;
    margin-bottom: 5px;
    border: solid 1px #61574a;
    width: 180px;
    float: left;
    font-family: 'Josefin Sans', sans-serif;
}
.fichaCarroMin a{
    color: #908682;
    font-size: small;


}

.fondoM_0{
    position: relative;
    background-image: url('../imagenes/carroMenu1.png');
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;

}
.fondoM_1{   
    position: relative;
    background-image: url('../imagenes/carroMenu2.png');
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
}
.fondoM_2{
    position: relative;
    background-image: url('../imagenes/carroMenu3.png');
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
}
.fondoM_3{
    position: relative;
    background-image: url('../imagenes/carroMenu4.png');
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
}
.fondoM_3Active{
    position: relative;
    background-image: url('../imagenes/carroMenu4.png');
    background-color: #ccc;
    background-repeat: no-repeat;
    position: relative;
    width: 186px;
    padding-top: 10px;
    padding-left: 10px;
}
.fondoM_2Active{
    position: relative;
    background-image: url('../imagenes/carroMenu3.png');
    background-color: #ccc;
    background-repeat: no-repeat;
    position: relative;
    width: 186px;
    padding-top: 10px;
    padding-left: 10px;
}
.contizq{
    font-size: x-small;
    position: relative;
    width: 300px;
}
.contDerecha{
    position: absolute;
    width: 200px;
    font-size: x-small;
    color: #624933;
    right: 0px;
    top:40px;
}
.tablaContacto{
    font-size: 12px;
    width: 100%;

}
.botonContacto{
    border: none;
    background-color: transparent;
    color:#ccc;
    font-size: 14px;

}

#menuT{
    list-style: none;

}

#accordion {
    margin-top: 20px;
}
#accordion .item {
    width: 200px;
    height: 30px; /* height = total height of A child element */
    overflow: hidden;

    transition: height ease-in-out 500ms; /* css3 transition */
    -o-transition: height ease-in-out 500ms;
    -moz-transition: height ease-in-out 500ms;
    -webkit-transition: height ease-in-out 500ms;


    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    margin-bottom: 2px;
}
#accordion .itemActive{
    width: 200px;
    height: 30px; /* height = total height of A child element */
    overflow: hidden;
    background-color: #ccc;
    transition: height ease-in-out 500ms; /* css3 transition */
    -o-transition: height ease-in-out 500ms;
    -moz-transition: height ease-in-out 500ms;
    -webkit-transition: height ease-in-out 500ms;


    /*    -moz-border-radius: 5px;
        -webkit-border-radius: 5px;*/

    margin-bottom: 2px;



}
#accordion .itemActive a {
    color: #624933;
}
#accordion .portMActive a {
    color: #624933;
    text-decoration: none;
}
#accordion .portMActive a:hover {
    text-decoration: none;
}
#accordion .portMActive ul, #accordion .portM ul {
    margin-left:20px;
    list-style: none;  
}
#accordion .portMActive .TActive{
    background-color: #ccc;
    color: #624933; 
}
#accordion .portMActive ul a {
    color: #A59E9D;
}
#accordion p {
    height: 150px;
    padding: 5px;
}
#accordion .portM{
    width: 200px;
    height: 35px; /* height = total height of A child element */
    overflow: hidden;

    transition: height ease-in-out 500ms; /* css3 transition */
    -o-transition: height ease-in-out 500ms;
    -moz-transition: height ease-in-out 500ms;
    -webkit-transition: height ease-in-out 500ms;


    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    margin-bottom: 2px;
}
#accordion .portMActive{
    width: 200px;
    height: 100px; /* height = total height of A child element */
    overflow: hidden;
    color: #624933;
    transition: height ease-in-out 500ms; /* css3 transition */
    -o-transition: height ease-in-out 500ms;
    -moz-transition: height ease-in-out 500ms;
    -webkit-transition: height ease-in-out 500ms;


    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    margin-bottom: 2px;

}
#accordion .portM:hover {
    height: 100px; /* height = total height of A and P elements */
}

#accordion div:hover a {
    border-bottom: 0px /*solid #ccc;*/
}
.tablaFormulario2{
    background-color: #ABC6DD;

}
